<template>
  <div id="app" style="background-color: white;">
    <router-view></router-view>
  </div>
</template>

<script setup >
import { ref, onMounted } from 'vue';
// import { listSerialPorts } from "./serialport/index.ts"
import { listSerialPorts } from "./msg/msg.ts"
const list = ref([]);
// console.log(list.value)
// list.value = await SerialPort.list();
onMounted(async () => {
  // list.value = await SerialPort.list();
  list.value = await listSerialPorts();
})
// console.log(list.value)

</script>



<style>
html, body, #app {
  width: 100%;
  height: 100%;
}
</style>

